<template>
    <div id="home">
        <el-container>
            <el-aside width="200px" >
                <div class="iconBLM">
                    <img src="../assets/logoBLM.png" alt="">
                </div>
                <el-menu
                        default-active="2"
                        class="el-menu-vertical-demo"
                        background-color="#fff"
                        text-color="#000"
                        active-text-color="rgb(0,120,215)"
                        width="200px"
                        router
                >
                            <el-menu-item :index=this.index[0]>
                                <template>
                                    <i class="el-icon-menu"></i>
                                    <span>工单管理</span>
                                </template>
                            </el-menu-item>
                            <el-menu-item :index=this.index[1]>
                                <template>
                                    <i class="el-icon-warning"></i>
                                    <span>投诉建议</span>
                                </template>
                            </el-menu-item>
                            <el-menu-item :index="this.index[2]">
                                <template>
                                    <i class="el-icon-user-solid"></i>
                                    <span>工程师管理</span>
                                </template>
                            </el-menu-item>
                            <el-menu-item index="/equipment">
                                <template>
                                    <i class="el-icon-s-ticket"></i>
                                    <span>设备管理</span>
                                </template>
                            </el-menu-item>
                    <el-menu-item index="/equipmentType">
                        <i class="el-icon-s-order"></i>
                        <span slot="title">设备类型管理</span>
                    </el-menu-item>
                    <el-menu-item index="/repairs">
                        <i class="el-icon-date"></i>
                        <span slot="title">维修记录管理</span>
                    </el-menu-item>
                    <el-menu-item index="/tutorial">
                        <i class="el-icon-setting"></i>
                        <span slot="title">维护教程</span>
                    </el-menu-item>
                    <el-menu-item index="/user">
                        <i class="el-icon-user"></i>
                        <span slot="title">个人中心</span>
                    </el-menu-item>
                </el-menu>
            </el-aside>
            <el-main style="background: white">
                   <blm_tile></blm_tile>
                <router-view/>
            </el-main>
        </el-container>
    </div>
</template>

<script>
    export default {
        name: "home",
        data(){
            return{
                activeNav:'',
                index:["/gongdan","/advice","/engineer"]
            }
        }
    }
</script>

<style lang="less" scoped>
    .el-container{
        height: 100vh;
        .el-aside{
            background: white;
            border-right: 1px solid #cccccc;
        }
    }
    .iconBLM{
        height: 70px;
        background: white;
        position: relative;
        img{
            height: 70px;
            width: 35%;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }
    }
    .el-main{
        padding: 0;
        /*padding-left: 0;*/
        /*overflow: hidden;*/
        min-width: 1300px;
    }
    .el-menu{
        border: none;
        /*border-right: 1px solid #cccccc;*/
    }
    .el-menu-item{
        font-size: 14px;
        height: 56px;
    }
</style>
